<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>基础知识</title>
	<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"" rel="stylesheet">
	<link href="https://cdn.bootcdn.net/ajax/libs/animate.css/3.2.3/animate.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../../static/css/public.css" />
</head>
<body>
	<!--右边内容-->
	<div id="app" class="main animated fadeInRight">
		<div class="shadow">
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	******
	******
	******
	******				
	<hr/>
	for(var i=0;i &lt;4;i++){
		for(var j=0;j &lt;4;j++){
			document.write("*");
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	*
	**
	***
	****
	*****			
	<hr/>
	for(var i=0;i &lt;5;i++){
		for(var j=0;j &lt;=i;j++){
			document.write("*");
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	    *
	   **
	  ***
	 ****
	*****			
	<hr/>
	for(var i=0;i &lt;5;i++){
		for(var j=5;j &gt;=0;j--){
			j &lt;=i ? document.write("*") : document.write(" &lt;i &gt;@ &lt;/i &gt;");
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	*****
	****
	***
	**
	*			
	<hr/>
	for(var i=5;i &gt;=0;i--){
		for(var j=0;j &lt;i;j++){
			document.write("*");
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	*****
	 ****
	  ***
	   **
	    *			
	<hr/>
	for(var i=5;i &gt;=1;i--){
		for(var j=5;j &gt;=1;j--){
			j &lt;=i ? document.write("*") : document.write(" &lt;i &gt;@ &lt;/i &gt;");
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>代码输出以下字符</h4>
				<pre>
	    *				
	   * *				
	  *   *				
	 *     *				
	*********			
	<hr/>
	for(var i=0;i &lt;=4;i++){
		for(var j=1;j &lt;=9;j++){
			if((j==5+i||j==5-i) || i==4){//凡是中轴+-当前行号，和最后一行星星
				document.write("*");
			}else{
				document.write(" &lt;i &gt;@ &lt;/i &gt;");
			}
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
			<div>
				<h4>实现空心菱形</h4>
				<pre>
	    *			
	   * *				
	  *   *				
	 *     *				
	*       *			
	 *     *				
	  *   *				
	   * *			
	    *			
	<hr/>
	for(var i=0;i &lt;=8;i++){
		for(var j=1;j &lt;=9;j++){
			if(i &lt;=4){
				if((j==5+i||j==5-i)){//凡是中轴+-当前行号
					document.write("*");
				}else{
					document.write(" &lt;i &gt;@ &lt;/i &gt;");
				}
			}else{
				if((j==5+(8-i)||j==5-(8-i))){//凡是中轴+-当前行号
					document.write("*");
				}else{
					document.write(" &lt;i &gt;@ &lt;/i &gt;");
				}
			}
		}
		document.write(" &lt;br/ &gt;");
	}
				</pre>
			</div>
		</div>
	</div>
	<!--页面加载进度条-->
	<script src="https://cdn.bootcdn.net/ajax/libs/pace/0.5.0/pace.min.js"></script>
</body>

</html>